<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html>
<head>
<title>delicious bookmarklet</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript" src="js/lytebox.js"></script>
<link rel="stylesheet" href="css/lytebox.css" type="text/css" media="screen" />
<style type="text/css" media="screen,projection">
body {
	background:#fff url(images/body.gif) top left repeat-x;
	font-family:'trebuchet ms',arial,sans-serif;
	font-size:13px;
	color:#111;
	text-align:center;
	padding:25px 0;
	margin:0;
	line-height:1.6;
	}

#wrap {
	margin:0 auto;
	width:488px;
	text-align:left;
	}

#wrap div {
	background:#fff url(images/box.gif) top left no-repeat;
	padding:6px 12px;
	}

h1 {
	margin:0 0 12px 0;
	}

a:link, a:visited {
	color:#088eff;
	}

a:hover {
	text-decoration:none;
	}

ul {
	list-style-position:outside;
	margin:0 1em;
	padding:0;
	}

li {
	margin:5px 0;
	padding:0;
	}

.border {
	border-top:1px solid #dcdcdc;
	margin-top:1em;
	padding-top:1em;
	}

</style>
</head>
<body>

<div id="wrap">
<h1>delicious bookmarklet</h1>
<div>
<p>A bookmarklet using a modal window for posting to <a href="http://delicious.com">Delicious</a>. No pop-up.</p>
<p class="border">
  There are a number of advantages to using this bookmarklet over <a href="http://delicious.com/help/bookmarklets">the standard ones</a>
  that Delicious provides you with:
<ul>
  <li>Modal window, no pop-up
  <li><a href="images/example.png" rel="lytebox" title="Example of the Delicious bookmarklet in action. You can see the bookmarklet in the upper right corner.">Clean interface</a>
  <li>Tags autocomplete from your Delicious account
  <li>Password stored in your bookmarklet
  <li><a href="http://code.google.com/p/nilicule/">Open source</a>
</ul>
</p>
<p>
Feel free to <a href="mailto:nilicule@nilicule.com">contact me</a> if you have any questions.
</p>
<p class="border">
  To use it, just get a <a href="generator.html">personalized Delicious bookmarklet</a> from the generator.
</p>
<p class="border" align="right">
  <a href="http://nilicule.com">nilicule.com</>
</p>
</div>
</div>

</body>
</html>
